<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <title>小莫的家</title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <meta name="author" content="小莫" />
    <meta name="baidu-site-verification" content="qp2dTXVqvj" />
    <meta name="keywords" content="小莫的博客, java, 日语, 动漫, 技术, 前端, nginx, https, angular2, 游戏, 服务器, tomcat, IDEA, 引擎, 企业项目, javaweb, spring, hibernate, spring boot, ssh, 开源中国, github, deepin">
    <meta name="description" content="专注于技术研究的博客，具有开源精神;乐于将自己折腾的项目放在github上和大家共同学习，共同进步;近期在学习日语，希望尽快考过N2出国长长见识。">
    <meta name="keywords" content="小莫的博客, java, 日语, 动漫, 技术, 前端, nginx, https, angular2, 游戏, 服务器, tomcat, IDEA, 引擎, 企业项目, javaweb, spring, hibernate, spring boot, ssh, 开源中国, github, deepin">
    <meta property="og:type" content="website">
    <meta property="og:title" content="小莫的博客-fighting(专注于编程技术的分享)">
    <meta property="og:url" content="https://xiaomo.info/index.html">
    <meta property="og:site_name" content="小莫的博客-fighting(专注于编程技术的分享)">
    <meta property="og:description" content="专注于技术研究的博客，具有开源精神;乐于将自己折腾的项目放在github上和大家共同学习，共同进步;近期在学习日语，希望尽快考过N2出国长长见识。">
    <meta name="twitter:card" content="summary">
    <meta name="twitter:title" content="小莫的博客-fighting(专注于编程技术的分享)">
    <meta name="twitter:description" content="专注于技术研究的博客，具有开源精神;乐于将自己折腾的项目放在github上和大家共同学习，共同进步;近期在学习日语，希望尽快考过N2出国长长见识。">
    <link rel="apple-touch-icon" href= "/apple-touch-icon.png">
    <link rel="alternative" href="/atom.xml" title="小莫的博客-fighting(专注于编程技术的分享)" type="application/atom+xml">
    <link rel="shortcut icon" href="https://image.xiaomo.info/logo/avatar.png">
    <style type="text/css">
        body {
            padding: 0;
            margin: 0;
            overflow-x:hidden;
            overflow-y:hidden;
        }

        body {
            cursor: url(),auto
        }

        a,a:visited {
            cursor: url(),auto
        }
        .focusinfo {
            position: relative;
            max-width: 800px;
            padding: 0 10px;
            top: 49.3%;
            left: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            text-align: center;
            z-index: 99;
            -webkit-transition: .4s ease all;
            -moz-transition: .4s ease all;
            -o-transition: .4s ease all;
            transition: .4s ease all
        }

        .focusinfo img {
            width: 130px;
            height: auto;
            padding: 2px;
            border-radius: 100%
        }

        .focusinfo .header-tou img {
            box-shadow: inset 0 0 10px #000;
            padding: 5px;
            opacity: 1;
            transform: rotate(0);
            -webkit-transform: rotate(0);
            -moz-transform: rotate(0);
            -o-transform: rotate(0);
            -ms-transform: rotate(0);
            transition: all ease 1s;
            -webkit-transition: all ease 1s;
            -moz-transition: all ease 1s;
            -o-transition: all ease 1s
        }

        .focusinfo .header-tou img:hover {
            transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            -ms-transform: rotate(360deg)
        }

        .top-social img {
            padding: 5px;
            opacity: 1;
            transform: rotate(0);
            -webkit-transform: rotate(0);
            -moz-transform: rotate(0);
            -o-transform: rotate(0);
            -ms-transform: rotate(0);
            transition: all ease 1s;
            -webkit-transition: all ease 1s;
            -moz-transition: all ease 1s;
            -o-transition: all ease 1s
        }

        .top-social  img:hover {
            transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            -ms-transform: rotate(360deg)
        }

        .header-info {
            width: 60%;
            margin: auto;
            font-size: 14px;
            color: #EAEADF;
            background: rgba(0, 0, 0, .5);
            padding: 15px 25px;
            margin-top: 22px;
            font-family: miranafont, "Hiragino Sans GB", STXihei, "Microsoft YaHei", SimSun, sans-serif;
            letter-spacing: 0;
            line-height: 30px;
            border-radius: 50px
        }

        .header-info p {
            margin: 0
        }
        .top-social {
            height: 32px;
            margin-top: 30px;
            margin-left: 10px;
            list-style: none;
            display: inline-block;
            font-family: miranafont,"Hiragino Sans GB",STXihei,"Microsoft YaHei",SimSun,sans-serif
        }

        .top-social img {
            height: 35px;
            width: 35px;
            padding: 6px;
            background: rgba(0,0,0,.4)
        }

        .top-social li {
            float: left;
            margin-right: 10px
        }

        .wechat {
            width: 35px;
            height: 35px;
            position: relative
        }

        #live2dcanvas {
            position: fixed;
            right: 0px;
            z-index: 999;
            pointer-events: none;
            bottom: -20px;
        }

        .centerbg {
            width: 100%;
            height: 950px;
            margin: 0;
            padding: 0;
            background-position: top center;
            background-repeat: no-repeat;
            background-attachment: fixed;
            background-size: cover;
            z-index: -1
        }
    </style>
</head>

<body>
<script type="text/javascript" src="/bundle.js"></script>
<canvas id="live2dcanvas" width="300" height="600" class="live2d"></canvas>
<script>loadlive2d("live2dcanvas", "bilibili2.json")</script>
<div class="headertop filter-nothing" style="height: auto;">
    <figure id="centerbg" class="centerbg" style="background-image: url(https://image.xiaomo.info/xiaomo/bg.jpg);">
        <div class="focusinfo">
            <div class="header-tou">
                <a href="https://blog.xiaomo.info"><img src="https://image.xiaomo.info/logo/avatar.png"></a>
            </div>
            <div class="header-info">
                <p>
                    生命不息,奋斗不止(开发工程师-小莫)
                </p>
            </div>
            <div class="top-social">
                <li class="qq"><a href="https://blog.xiaomo.info" target="_blank" title="博客" alt="博客"  title="小莫的博客"><img src="//image.xiaomo.info/logo/avatar.png" alt="博客"></a></li>

                <li><a href="https://github.com/houko" target="_blank" class="social-github" title="小莫的github" alt="github"><img alt="github" src=""></a></li>

                <li><a href="http://space.bilibili.com/6721344/#!/" target="_blank" class="social-bili" title="bilibili" alt="bilibili"><img  alt="bilibili" src=""></a></li>
                

                <li><a href="https://twitter.com/xiaomoinfo" target="_blank" class="social-wangyiyun" title="小莫的twitter" alt="twitter"><img alt="twitter" src="https://image.xiaomo.info/xiaomo/twitter.png"></a></li>
				<!--
                <li><a href="https://plus.google.com/u/0/111469578076837408054" target="_blank" class="social-wangyiyun" title="Google+" alt="谷歌+"><img alt="谷歌+" src=""></a></li>
                 <li><a href="http://google.xiaomo.info" target="_blank" class="social-wangyiyun" title="google镜像,能不翻墙用google" alt="google镜像,能不翻墙用google"><img alt="google镜像,能不翻墙用google" src="https://image.xiaomo.info/xiaomo//google.jpg"></a></li> -->
                <li><a href="https://blog.xiaomo.info/about.html" target="_blank" class="social-wangyiyun" title="关于小莫" alt="关于我"><img alt="关于我" title="关于小莫" src="https://image.xiaomo.info/xiaomo//logo.png"></a></li>
                <!-- <li><a href="http://mysql.xiaomo.info" target="_blank" class="social-wangyiyun" title="mysql工具" alt="mysql工具"><img alt="mysql工具" src="https://image.xiaomo.info/xiaomo//mysql.png"></a></li>  -->
                <!-- <li><a href="http://online.xiaomo.info" target="_blank" class="social-wangyiyun" title="小莫的在线PC" alt="在线PC"><img alt="在线PC"  title="小莫的在线PC" src="https://image.xiaomo.info/xiaomo//mac.jpg"></a></li> -->
                <li><a href="https://www.youracclaim.com/user/xiaomoinfo" target="_blank" class="social-wangyiyun" title="oracle认证" alt="oracle认证"><img alt="oracle认证" title="oracle认证" src="https://image.xiaomo.info/xiaomo//japan_ocp_silver.png"></a></li>
                <!--
                <li><a href="//go.xiaomo.info" target="_blank" class="social-wangyiyun" title="go电子书" alt="go电子书"><img alt="go电子书" src="https://image.xiaomo.info/xiaomo//go.jpg"></a></li>
                <li><a href="http://python3.xiaomo.info" target="_blank" class="social-wangyiyun" title="python3文档" alt="python3文档"><img alt="python3文档" src="https://image.xiaomo.info/xiaomo//python3.jpg"></a></li>
    -->
                <li><a href="//unity.xiaomo.info" target="_blank" class="social-wangyiyun" title="unity2018文档" alt="unity2018文档"><img alt="unity2018文档" src="https://image.xiaomo.info/xiaomo//unity.jpg"></a></li>
				<li><a href="https://miku.tools" target="_blank" class="social-wangyiyun" title="miku工具集" alt="miku工具集"><img alt="miku工具集" title="miku工具集" src="https://raw.githubusercontent.com/Ice-Hazymoon/MikuTools/master/static/icon.png"></a></li>
            </div>
        </div>
    </figure>
</div>
<a href="https://github.com/houko"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png"></a>
<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
<span id="busuanzi_container_site_pv" class="" style="position: absolute; bottom: 10px; left: 38%; border: 0;color:white;font-size:14px" >
   <span> <i></i>2015- 2020 小莫&nbsp;</span> |
    <a href="https://www.upyun.com" target="_blank"  style="color:white;font-size:14px">图片存储于 <img src="https://image.xiaomo.info/xiaomo//upyun.png" style="width:5%;height:5%;margin-bottom:-6px"></a> |
    &nbsp;总访问量: &nbsp;<span id="busuanzi_value_site_pv" style="color:deeppink"></span>次</span>
  <!--Start of Tawk.to Script-->
<!-- <script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/5cda44a6d07d7e0c63936d26/default';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script> -->
	<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-80824007-2"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-80824007-2');
	
  document.getElementById("centerbg").style.height = screen.availHeight + "px"
</script>
</body>

</html>
